<script lang="ts" setup>
import { injectState } from "../state";

defineOptions({ name: "Headler" });

const { selectedList, tableRef, detailDialogRef } = injectState()!;
</script>

<template>
	<div flex="~ justify-between">
		<div flex="~">
			<el-button
				:disabled="selectedList.length === 0"
				@click="tableRef?.exportTable('文件', selectedList)"
				type="primary"
				style="width: 80px"
			>
				导出
			</el-button>
			<el-button
				@click="detailDialogRef?.trigger('write')"
				style="width: 100px; border: 1px solid #165DFF; background: white; color: #165DFF;"
			>
				<template #icon>
					<el-icon 
          class="i-material-symbols:file-save-outline-rounded" />
				</template>
				一键报名
			</el-button>
		</div>
	</div>
</template>
